<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开始训练视频播放</title>
</head>

<body>
    <div class="app-drill dpflex fdcolumn pr">
        <main class="flex1 pr dpflex">
            <div class="video-box flex1">
                <video class="videosmallbox pa" id="video" autoplay muted></video>
                <p class="num f50 cf pa"><span id="allMatter">3</span>/4</p>
                <p class="title f20 pa cf" id="curTitle">胯关节环绕</p>
            </div>
            <div class="maskLayer flex1 pa" id="maskLayer">
                <p class="ti20 f18 cf fb mt40">放弃可以找一万个理由,坚持只需一个信念!</p>
                <div class="dpflex btn wrapper">
                    <p class="continue flex1 dpflex fdcolumn f24 cf mr16 ml16"  id="go"><i class="iconfont icon-next f50 mt10 mb8"></i><span>继续循环</span></p>
                    <p class="end flex1 dpflex fdcolumn f24 cf ml16 mr16"  id="end"><i class="iconfont icon-end f50 mt10 mb8"></i><span>结束训练</span></p>
                </div>
                <div class="dpflex bezelbox">
                    <img src="../imgs/part1.png" alt="" id="courseImg">
                    <p class="tac">当前:<br><span id="courseTitle">侧卧起坐</span></p>
                </div>
            </div>
        </main>
        <footer class="dpflex pr">
            <i class="flex1 iconfont icon-vprev" id="up"></i>
            <i class="flex1 iconfont icon-play" id="suspend"></i>
            <i class="flex1 iconfont icon-vnext" id="next"></i>
            <div class="pa" id="progressBar"></div>
        </footer>
    </div>
</body>

</html>